<template>
  <view class="divider-title">
    <up-divider
      :text="text"
      :textSize="textSize"
      :textColor="textColor"
      :lineColor="lineColor"
    ></up-divider>
  </view>
</template>

<script setup>
const $props = defineProps({
  width: {
    type: String,
    default: "60vw",
  },
  text: {
    type: String,
    default: "",
  },
  textSize: {
    type: Number,
    default: 20,
  },
  textColor: {
    type: String,
    default: "#111111",
  },
  lineColor: {
    type: String,
    default: "#cccccc",
  },
});
</script>

<style lang="scss" scoped>
.divider-title {
  width: v-bind("$props.width");
  margin: auto;
}
</style>
